<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
    	<meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>选择房间</title>
    <link rel="stylesheet" href="../../resource/weui.min.css" />
	<script src="../../template/js/jquery.js"></script>
	<script type="text/javascript" src="../../script/constants.js"></script>
	<script type="text/javascript" charset="UTF-8" src="../../script/naes.js"></script>
	<script src="../../script/api.js"></script>

    <style type="text/css">
        body {
           margin: 0;
        }
        .floors{

        	text-align:center;
        	font-size: medium;
        }
        .cur-room-style{
        	background-color:#FF9900;
       		color:#F7F6F6;
       		position:absolute;
       		border:1px solid #005DA9;
       		width:40px;
       		height:40px;
       		line-height: 13px;
       		text-align: center;
       		font-size: 6px;
       		border-radius:3px;
        }
       .roomStyle1{
       		background-color:#509DD8;
       		color:#F7F6F6;
       		position:absolute;
       		border:1px solid #005DA9;
       		width:40px;
       		height:40px;
       		line-height: 13px;
       		text-align: center;
       		font-size: 6px;
       		border-radius:3px;
       }
       .rmstyle{
          width:38px;
          height:38px;
          font-size: 8px;
          background: #509DD8;
          color: #ffffff;
          border-radius:3px;
          text-align: center;
          border: 1px solid #2878b5;
          position: absolute;
       }
       .roomStyle2{
       		background-color:#509DD8;
       		color:#F7F6F6;
       		position:absolute;
       		border:1px solid #005DA9;
       		width:59;
       		height:59;
       		line-height: 30px;
       		text-align: center;
       		font-size: small;

       }
       .ygfstyle{
       		background-color:#509DD8;
       		color:#F7F6F6;
       		position:absolute;
       		border:1px solid #005DA9;
       		width:39px;
       		height:39px;
       		line-height: 39px;
       		text-align: center;
       		font-size: 12px;
       }
       .dtstyle{
       		background-color:#509DD8;
       		color:#F7F6F6;
       		position:absolute;
       		border:1px solid #005DA9;
       		width:39px;
       		height:39px;
       		line-height: 39px;
       		text-align: center;
       		font-size: 12px;
       }
       .ldstyle{

       		position:absolute;
       		width:39px;
       		height:39px;

       }
       .roomStyle3{
       		position:absolute;
       		width:59;
       		height:59;
       		line-height: 30px;
       		text-align: center;
       		font-size: small;

       }

     .roomStyle4{
       		background-color:#509DD8;
       		position:absolute;
       		border-collapse: collapse;
       		width:20;
       		height:20;
       }
       .roomStyle5{
       		background-color:#FF9900;
       		position:absolute;
       		border-collapse: collapse;
       		width:20;
       		height:20;
       }
       .yydfj-style1{
       		background-color:#C93A29;
       		color:#F7F6F6;
       		position:absolute;

       		border-collapse: collapse;
       		width:20;
       		height:20;
       		line-height: 17px;
       		text-align: center;
       		font-size: small;

       }

       .yydfj-style2{
       		background-color: #C93A29;
       		color:#F7F6F6;
       		position:absolute;
       		border:1px solid #005DA9;

       		width:59;
       		height:59;
       		line-height: 30px;
       		text-align: center;
       		font-size: small;

       }

       .not-room{
       		background-color: #C93A29;
       		color:#F7F6F6;
       		position:absolute;
       		border:1px solid #005DA9;

       		width:34px;
       		height:34px;
       		line-height: 17px;
       		text-align: center;
       		font-size: 6px;
       }
       .rooms{
       		margin-left: 5px;
       }
       .floorsStyle{
       		background-color: #005DA9;
       		color: #F7F6F6;
       }
       .yxfjList{
       		width: 100%;
       		height:100%;

       		position:relative;
       		overflow: hidden; /* auto | scroll */
    		-webkit-overflow-scrolling: touch;
       }
       .floor-table{
       		overflow: hidden; /* auto | scroll */
    		-webkit-overflow-scrolling: touch;
       }

       .yxfj{
       		color:#000000;
       		margin-left:5px;
       		width:40;
       		height:35px;
       		line-height: 35px;
       		text-align: center;
       		font-size: 20px;
       }
input[type="date"]

{
    border: none;

    appearance:none;

    -moz-appearance:none;

    -webkit-appearance:none;

    background: none;
    outline:none;
  }

  	</style>

<script type="text/javascript">

       	 var numNum = new Array();
     	 var checkOutEnd;
     	 var checkOutStart;
     	 var curFloorId;
     	 var curNum;
     	 var merid = "";
     	 var stDate = "";
     	 var edDate = "";
         apiready = function() {
         		var name = api.pageParam.name;
         		//$("#jstitle").html(name);
                stDate = api.pageParam.stDate;
                edDate = api.pageParam.edDate;
                console.log(stDate+","+edDate);
          		var title = api.pageParam.name;
          		var jzid = api.pageParam.jzid;
          		var startTime = document.getElementById('startTime');
          		var endTime = document.getElementById('endTime');
          		checkOutEnd = getNowFormatDate(getDate(),1);
         		checkOutStart = getNowFormatDate(getDate(),0);
         		$("#startTime").val(checkOutStart);
         		$("#endTime").val(checkOutEnd);
         		$api.attr(startTime, 'min', checkOutStart);
         		$api.attr(endTime, 'min', checkOutEnd);
          		var jstitle = document.getElementById('jstitle');
          		var yxfjList = document.getElementById('yxfjList');
          		var msg = $api.text(yxfjList);

          		if(msg+""==""){
          			$api.text(yxfjList,"您尚未选择房间");
          		}
          		$api.text(jstitle, name);
          		$("#loadingToast").show();

                  var callback = function(ret, err){
//                      console.log(JSON.stringify(ret));
                        merid = ret.merid;
                  		var data = eval("("+ ret.list +")");
			            var json = JSON.stringify(data);
			            var start = parseInt(data[0].NUM);
			            var end = parseInt(data[data.length-1].NUM);
		          		var floors = document.getElementById('floors');

		          		var floorTable = document.getElementById('floorTable');
		          		var floorlist = "[";
		          		for(var i=data.length-1;i>=0;i--){
//		          			var floorId = "floor"+data[i].NUM+"";
//		          			$api.append(floorTable, '<br/><span id="'+floorId+'" style="width:80;height:40px;line-height:40px;border: 1px solid #005DA9;" onclick=openRooms("'+data[i].NUM+'","'+data[i].FLOORID+'")>'+data[i].NUM+'楼</span>');
//		          			floor = document.getElementById(floorId);
//				          	numNum.push(floor);
                            floorlist += "{'uid':'"+data[i].FLOORID+"','num':'"+data[i].NUM+"','imgPath':'','title':'"+data[i].NUM+"楼','subTitle':'','remark':'','icon':'widget://image/floor.png'},";
		          		}
		          		floorlist = floorlist.substring(0,floorlist.length-1);
		          		floorlist += "]";
		          		var offset = $api.offset($api.dom('#floors'));
			            var height = $("#floors").height();
			            var width = $("#floors").width();
		          		var UIListView = api.require('UIListView');
							UIListView.open({
							    rect: {
							        x: offset.l,
							        y: offset.t,
							        w: width,
							        h: height
							    },
							    data: eval("("+floorlist+")"),
							    styles: {
							        borderColor: '#696969',
							        item: {
							            bgColor: '#ffffff',
							            activeBgColor: '#F5F5F5',
							            height: 55.0,
							            imgWidth: 40,
							            imgHeight: 40,
							            imgCorner: 4,
							            placeholderImg: '',
							            titleSize: 15.0,
							            titleColor: '#000',
							            subTitleSize: 12.0,
							            subTitleColor: '#000',
							            remarkColor: '#000',
							            remarkSize: 16,
							            remarkIconWidth: 30
							        }
							    },
							    fixedOn: '',
							    showScrollBar: false,
							    fixed: false
							}, function(ret, err) {
							    if (ret) {
							       if(ret.eventType == "clickContent" || ret.eventType == "clickRemark"){
								        UIListView.getDataByIndex({
										    index: ret.index
										}, function(data, err) {
										    if (data) {
										        openRooms(data.data.num,data.data.uid);
										    } else {
										        console.log(JSON.stringify(err));
										    }
										});
									}
							    } else {
							        console.log(JSON.stringify(err));
							    }
							});

		          		if(title=="成都锦江宾馆"){
		          			openRooms(9,data[5].FLOORID);
		          		}else if(title=="成都瑞城名人酒店"){
		          			openRooms(data[1].NUM,data[1].FLOORID);
		          		}
		          		else{
		          		    openRooms(data[0].NUM,data[0].FLOORID);
		          		}

                      $("#loadingToast").hide();
                    }
			    var parameter = {"jdid":jzid};
			    apiAjax(JSON.stringify(parameter),url.jdjzxx,callback);

          	 }
          function modifyStartTime(){
          	var st = $("#startTime").val();
          	var startTime = getNowFormatDate(st,0);
          	var endTime = getNowFormatDate(st,1);
 			$("#endTime").val(endTime);
 			var et = document.getElementById('endTime');
 			$api.attr(et, 'min', endTime);
 			openRooms(curNum,curFloorId);
 			$("#yxfjList").text("");
 			roomIdArr.splice(0,roomIdArr.length);
          }

          function modifyEndTime(){
          	openRooms(curNum,curFloorId);
//        	$("#yxfjList").text("");
          	roomIdArr.splice(0,roomIdArr.length);
          	var startDate = $("#startTime").val();
          	var endDate = $("#endTime").val();
          	var ddate = getDays(startDate,endDate);
          	$("#rest_day").html("共"+ddate+"晚");
          }

          function getDays(date1 , date2){
            var date1Str = date1.split("-");//将日期字符串分隔为数组,数组元素分别为年.月.日
            //根据年 . 月 . 日的值创建Date对象
            var date1Obj = new Date(date1Str[0],(date1Str[1]-1),date1Str[2]);
            var date2Str = date2.split("-");
            var date2Obj = new Date(date2Str[0],(date2Str[1]-1),date2Str[2]);
            var t1 = date1Obj.getTime();
            var t2 = date2Obj.getTime();
            var dateTime = 1000*60*60*24; //每一天的毫秒数
            var minusDays = Math.floor(((t2-t1)/dateTime));//计算出两个日期的天数差
            var days = Math.abs(minusDays);//取绝对值
            return days;
         }


         function getNowFormatDate(date,addDayCount) {

	   		var now = new Date(date);
			now.setDate(now.getDate()+addDayCount);
			//格式化日，如果小于9，前面补0
			var day = ("0" + now.getDate()).slice(-2);
			var mday =  ("0" + now.getDate()).slice(-2);
			var month = ("0" + (now.getMonth() + 1)).slice(-2);
			//拼装完整日期格式
			var newDate = now.getFullYear()+"-"+(month)+"-"+(day) ;
			return newDate;

		}
          /**
           *param num  第num楼
           *param floorid 第num楼的楼层id
           *获取该楼层房间数据
           */

         function openRooms(num,floorid){
                $("#roomBox").html("");
                $("#floor_name").html(num+"楼");
         		var xzdate = api.pageParam.xzdate;
         		var startTime = $("#startTime").val();
         		var endTime = $("#endTime").val();
         		curFloorId = floorid;
         		curNum = num;
             var callback = function(ret, err){
                console.log(JSON.stringify(ret));
             	var data = eval("("+ ret.list +")");
	            var floor = document.getElementById('floor'+num+'');

		        var roomBox = document.getElementById('roomBox');
		        var YZBArray = new Array;
		        var XZBArray = new Array;
		        var narr = new Array;
		        for(var i=0;i<data.length;i++){

		        	YZBArray.push(parseInt(data[i].YZB));
		        	XZBArray.push(parseInt(data[i].XZB));
		        }
		      	var maxXZB = Math.max.apply(null, XZBArray);
		      	var maxYZB = Math.max.apply(null, YZBArray);
		      	//判断该楼层房间数量，并设置不同的css
			      		for(var i=0;i<data.length;i++){
		          			if(data[i].FLOOR==num){
		          				var ROOMNUM = data[i].ROOMNUM;
		      					var ROOMTYPE = data[i].ROOMTYPE;
		      					if(data[i].ROOMNUM == null || data[i].ROOMNUM == ""){
		      						ROOMNUM = "";
		      					}
		      					if(data[i].ROOMTYPE == null || data[i].ROOMTYPE == ""){
		      						ROOMTYPE = "";
		      					}
		          				if(data[i].STATUS=='1'){
			      					var roomId = 2;
			      					//$api.append(roomBox, '<span id="'+data[i].ID+'" class="yydfj-style" onclick=openThis("'+data[i].ROOMTYPEID+'","'+data[i].ID+'","'+roomId+'","'+data[i].ROOMNUM+'")  style="top:'+40*data[i].XZB+'px;left:'+40*data[i].YZB+'px;">'+ROOMNUM+'<br/>'+ROOMTYPE+'</span>');
			      				    $api.append(roomBox, '<div id="'+data[i].ID+'" class="rmstyle" onclick=openThis("'+data[i].ROOMTYPEID+'","'+data[i].ID+'","'+roomId+'","'+ROOMNUM+'")  style="top:'+40*data[i].XZB+'px;left:'+40*data[i].YZB+'px;background:#C93A29;"><div>'+ROOMNUM+'</div><div>'+ROOMTYPE+'</div></div>');
			      				}else{
			          				var roomId = 1;
			          				if(data[i].LATTYPE!='0'){
			          					if(data[i].LATTYPE=='1'){
			          						$api.append(roomBox, '<div id="'+data[i].ID+'" class="rmstyle" style="top:'+40*data[i].XZB+'px;left:'+40*data[i].YZB+'px;"><div>员工房</div><div></div></div>');
			          					    //$api.append(roomBox, '<span id="'+data[i].ID+'" class="ygfstyle" style="top:'+40*data[i].XZB+'px;left:'+40*data[i].YZB+'px;">员工房</span>');
			          					}
			          					if(data[i].LATTYPE=='3'){
			          						//$api.append(roomBox, '<span id="'+data[i].ID+'" class="dtstyle" style="top:'+40*data[i].XZB+'px;left:'+40*data[i].YZB+'px;">电梯</span>');
			          					    $api.append(roomBox, '<div id="'+data[i].ID+'" class="rmstyle" style="top:'+40*data[i].XZB+'px;left:'+40*data[i].YZB+'px;"><div>电梯</div><div></div></div>');
			          					}
			          					if(data[i].LATTYPE=='2'){
			          						//$api.append(roomBox, '<span id="'+data[i].ID+'" class="ldstyle" style="top:'+40*data[i].XZB+'px;left:'+40*data[i].YZB+'px;"></span>');
			          					    $api.append(roomBox, '<div id="'+data[i].ID+'" class="rmstyle" style="top:'+40*data[i].XZB+'px;left:'+40*data[i].YZB+'px;"><div></div><div></div></div>');
			          					}

			      					}else{
				        				//$api.append(roomBox, '<span id="'+data[i].ID+'" class="roomStyle1" onclick=openThis("'+data[i].ROOMTYPEID+'","'+data[i].ID+'","'+roomId+'","'+ROOMNUM+'")  style="top:'+42*data[i].XZB+'px;left:'+42*data[i].YZB+'px;">'+ROOMNUM+'<br/>'+ROOMTYPE+'</span>');
				        				$api.append(roomBox, '<div id="'+data[i].ID+'" class="rmstyle" onclick=openThis("'+data[i].ROOMTYPEID+'","'+data[i].ID+'","'+roomId+'","'+ROOMNUM+'")  style="top:'+40*data[i].XZB+'px;left:'+40*data[i].YZB+'px;"><div>'+ROOMNUM+'</div><div>'+ROOMTYPE+'</div></div>');
		          					      							   //<div id="rmtest" class="rmstyle"><div>101</div><div>大床房</div></div>
		          					}
		          				}
		          			}
		      		 	}

		      		for(var i=0;i<roomIdArr.length;i++){
		      			var id = document.getElementById(roomIdArr[i][0]);
		      			$api.removeCls(id, 'roomStyle1');
	      				$api.addCls(id, 'cur-room-style');
		      		}
	   			for(var i=0;i<numNum.length;i++){
	   				if(numNum[i]!=floor){
	   					$api.removeCls(numNum[i], 'floorsStyle');
	   				}
	   			}
             }
	    var parameter = {"floorid":floorid,"checkOutStart":stDate,"checkOutEnd":edDate};
	    apiAjax(JSON.stringify(parameter),url.jdfloor,callback);

       }
       function removeByValue(arr, val) {
		  for(var i=0; i<arr.length; i++) {
		    if(arr[i][0] == val) {
		      arr.splice(i, 1);
		      break;
		    }
		  }
		}

      function openThis(roomTypeId,roomId,hroomId,roomNum){
      	var width = document.documentElement.clientWidth;
	 	var height = document.documentElement.clientHeight;
	 	var jstitle = $('#jstitle').text();
	 	//alert(hroomId);
      	if(hroomId == null){
      		api.openFrame({
	        name: 'order',
	        url: './order.html',
	        rect: {
		        x:0,
		        y:200,
		        w:width,
		        h:height-200
	        },
	        pageParam:{
	        	roomNum:roomNum,
	        	roomTypeId:roomTypeId,
	        	roomId:roomId,
	        	jstitle:jstitle,
	        	hroomId:hroomId
	        }


        	});
        	return false;
      	}

      	if(hroomId==2){
      		var msg = "对不起，"+roomNum+"号房间已被预订！";
      		alert(msg);
      		return false;
      	}

      	var arrText = new Array();
		var arrCl = document.getElementsByClassName('yxfj');
		var nowArrCl = document.getElementsByClassName('yxfj');
		for(var i=0;i<arrCl.length;i++){
      		var text = $api.text(arrCl[i]);
      		arrText.push(text);
      	}
      	for(var i=0;i<arrText.length;i++){
      		if(roomNum==arrText[i]){
      			//alert("错误");
      			var id = document.getElementById("yx"+roomId+"");
      			var fjid = document.getElementById(roomId);
      			$api.remove(id);
      			removeByValue(roomIdArr,roomId);
      			$api.removeCls(fjid, 'cur-room-style');
      			$api.addCls(fjid, 'roomStyle1');
      			nowArrCl = document.getElementsByClassName('yxfj');
      			var tdmsg = $("#yxfjList").text();
		      	if(tdmsg+"" == ""){
		      		$("#yxfjList").text("您尚未选择房间")
		      	}
      			return false;
      		}
      			setHeaderInfo();
  		}
		api.openFrame({
	        name: 'order',
	        url: './order.html',
	        rect: {
		        x:0,
		        y:150,
		        w:width,
		        h:height-150
	        },
	        pageParam:{
	        	roomNum:roomNum,
	        	roomTypeId:roomTypeId,
	        	roomId:roomId,
	        	jstitle:jstitle,
	        	hroomId:hroomId
	        }

        });

	}
	function setHeaderInfo(title,roomId,roomNum,roomTypeId,price){
		//alert(roomId);
		roomIdcopy = roomId;
		roomNumcopy = roomNum;
		roomTypeIdcopy = roomTypeId;
		if(title=="fav"){
			var tdmsg = $("#yxfjList").text();
	      	if(tdmsg == "您尚未选择房间"){
	      		$("#yxfjList").text("")
	      	}
			var yxfjList = document.getElementById('yxfjList');
	      	$api.append(yxfjList, '<span class="yxfj" id="yx'+roomId+'" onclick=openThis("'+roomTypeId+'","'+roomId+'",null,"'+roomNum+'")>'+roomNum+'</span>');
	      	var arr = new Array();
	      	arr.push(roomId,roomTypeId,roomNum,price);
	      	roomIdArr.push(arr);
	      	var fjId = document.getElementById(roomId);
//	      	$api.removeCls(fjId, 'roomStyle1');
//	      	$api.addCls(fjId, 'cur-room-style');
//	      	var yxfjId = document.getElementById("yx"+roomId+"");
            fjId.style.background = '#FF9900';
	      	//alert(roomIdArr[0][3]);
		}


	}
	var roomIdArr = new Array();
	function bookHotel(){

		//alert(roomIdArr.length);
		if(roomIdArr.length==0){
			alert("请先选择房间！");
			return false;
		}
		var startTime = $("#startTime").val();
		var endTime = $("#endTime").val();
		var width = document.documentElement.clientWidth;
	 	var height = document.documentElement.clientHeight;
	 	var jstitle = $('#jstitle').text();
	 	var phone = $api.getStorage("dl_phone");
	 	if(phone == undefined || phone == "undefined"){
	 	   api.alert({msg: "请先登录"});
	 	   api.openWin({
	            name: 'login',
	            url: '../login.html'
           });
	 	   return;
	 	}
		api.openWin({
	        name: 'book_hotel',
	        url: './book_hotel.html',
	        pageParam:{
	        	roomIdArr:roomIdArr,
	        	jstitle:jstitle,
	        	startTime:stDate,
	        	endTime:edDate,
	        	merid: merid
 	        }

        });
	}

	function getDate(){
	    var ddd = new Date();
		var day =ddd.getDate();

		if(ddd.getMonth()<10){
		var month = "0"+(ddd.getMonth()+1);
		}

		if(ddd.getDate()<10){
		 day = "0"+ddd.getDate();
		}

		var datew = ddd.getFullYear()+"-"+month+"-"+day;
		return datew;
	}
 </script>
    </head>
    <body style="background: #f1f1f1;">
     <!--<header id="statusBar">
        <div style="height:75px;background: #298cb4;display: table;width: 100%;">
           <div style="height:50px;margin-top: 25px;line-height: 50px;color: #ffffff;background: #1e6887;">
               <div style="width: 20%;text-align: center;float: left;" onclick="api.closeWin();">
	           返回
	           </div>
	           <div style="text-align: center;font-weight:bold;width: 60%;float: left;" id="jstitle">
	           锦江
	           </div>
	           <div style="text-align: center;width: 20%;float: left;" onclick="bookHotel();">
	           确定
	           </div>
           </div>
        </div>
	</header>-->
	<header id="statusBar">
        <div style="height:75px;background: #298cb4;display: table;width: 100%;">
           <div style="height:50px;margin-top: 25px;line-height: 50px;color: #ffffff;background: #1e6887;">
               <div style="z-index: 999;margin-left: 10px;position: absolute;" onclick="api.closeWin();">
	           返回
	           </div>
	           <div style="text-align: center;font-weight:bold;width: 100%;" id="jstitle">
	           酒店预订
	           </div>
           </div>
        </div>
	</header>
	<div class="com-content" id="content">

		<div class="com-header-area" id="js-com-header-area">
			<img src="../../image/myHote2.jpg" style="width:100%;"/>
		</div>

		<div style="width: 100%;background: #ffffff;height: 60px;margin-top: 10px;display: none;">
		   <div style="border-bottom: 1px solid #f1f1f1;width: 98%;margin: 0 auto;height: 45px;line-height: 45px;display: table;">
		    <div style="height:40px;margin-top: 10px;float: left;width:38%;">
		     <input id="startTime"  style="border: none;height:40px;background: #ffffff;font-size: 16px;appearance:none;width: 100%;" type="date" value=""  min="" onchange="modifyStartTime()"/>
		   </div>
		   <div id="rest_day" style="height:40px;margin-top: 10px;float: left;width:24%;text-align: center;color: #8B8970;">
		   共1晚
		   </div>
		   <div style="height:40px;margin-top: 10px;float: left;width:38%;">
		     <input id="endTime"  style="border: none;height:40px;background: #ffffff;font-size: 16px;appearance:none;width: 100%;" type="date" value=""  min="" onchange="modifyEndTime()"/>
		   </div>
		   </div>
		</div>

		<div class="" style="width: 100%;height:50%;margin-top:10px;">
			<table style="width: 100%;height:100%;">
				<tr>
					<td id="floors" class="floors"  style="width: 20%;">
						<div id="floorTable" class="floor-table" style="width:100%;height:95%;"></div>
					</td>
					<td class="rooms"  style="width: 50%;">
						<div id="tbbs" class="roomBox" style="position:relative;width: 100%;height: 10%;">
						    <span class="roomStyle4" style="top:5;left:15;" ></span><span class="roomStyle3" style="top:5;left:30;" >未预定</span>
        					<span class="yydfj-style1" style="top:5;left:90;" ></span><span class="roomStyle3" style="top:5;left:105;" >已预定</span>
        					<span class="roomStyle5" style="top:5;left:165;" ></span><span class="roomStyle3" style="top:5;left:185;" >当前选中</span>
						</div>
						<div style="width:100%;height:90%; ">
							<div id="floor_name" style="width: 100%;height:10%;text-align: center;">

							</div>
							<div id="rooms" class="" style="width: 100%;height:90%;display: table;">
							   <div id="roomBox" class="roomBox" style="width:100%;height:100%;overflow: scroll;position:relative; ">


							   </div>
							</div>
						</div>
					</td>
				</tr>
			</table>
		</div>
		<div  style="width: 100%;bottom: 0;position: absolute;background: #ffffff;">

					<div id="yxfjList" class="yxfjList" style="height: 60px;line-height: 60px;margin-left:2%;float: left;width: 70%;">
					已选房间&nbsp;&nbsp;

					</div>
					<div style="width: 28%;background: #1e6887;height: 60px;float: left;color: #ffffff;font-size: 20px;text-align: center;line-height: 60px;" onclick="bookHotel();">
					 提交
					</div>
		</div>
	</div>
	<div id="loadingToast" style="display:none;">

	</div>
</body>

</html>
